﻿/* Menú vertical con subpestañas
 ----------------------------------------------- */
 #menuvertical {
 text-align: center;
 width:100%;
 }
 #menuvertical ul { list-style-type: none; padding:0;}
 #menuvertical ul li.nivel1 {
 width: 162px; /* Ancho de las pestañas */
 }
 #menuvertical ul li.primera {
 border-top: solid 1px #FFF; /* Borde superior de la primera pestaña */
 }
 #menuvertical ul li {padding:0;}
 #menuvertical ul li a {
 display: block;
 text-decoration: none;
 color: #fff; /* Color del texto */
 background-color: #3C5A98; /* Color de fondo */
 border: solid 1px #fff; /* Borde de las pestañas */
 border-top: none;
 padding: 8px;
 position: relative;
 }
 #menuvertical ul li:hover {
 position: relative;
 color: #000; /* Color del texto al pasar el mouse */
 }
 #menuvertical ul li a:hover, #menuvertical ul li:hover a.nivel1 {
 background-color: #6080AF; /* Color de fondo al pasar el mouse */
 color: #000;
 position: relative;
 }
 #menuvertical ul li a.nivel1 {
 display: block !important;
 display: none;
 position: relative;
 }
 #menuvertical ul li ul {
 display: none;
 }
 #menuvertical ul li a:hover ul, #menuvertical ul li:hover ul {
 display: block;
 position: absolute;
 left: 161px;
 top: -1px;
 }
 #menuvertical ul li ul li a {
 width: 160px;
 background-color: #3C5A98; /* Color de fondo subpestañas */
 color: #fff; /* Color del texto subpestañas */
 }
 #menuvertical ul li ul li a:hover {
 position: relative;
 background-color: #6080AF; /* Color de fondo al pasar el mouse subpestañas */
 color: #000; /* Color del texto al pasar el mouse subpestañas */
 }